<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
		 isELIgnored="false" session="true"%>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<title><s:message code="M_2800_FUTUREACTION_TITLE_TAG"/></title>

	<style>


		div .form-width {
			padding-left: 0px;
			padding-right: 0px;
		}

		form .form-group {
			margin: 2px -0px;

		}

		#boxListInfo {
			position: relative;
			top: -10px;
		}

		.dropdown-menu {
			width: 350px;
		}
		.form-group label{
			line-height: 20px;
			margin-bottom: 0px;
		}
		label{
			padding-top: 5px;
		}
		#futhSlotDiv{
			padding-left: 0;
		}
	</style>
	<%@ include file="/page/comPage/comCSS.html"%>
	<%@ include file="/page/comPage/navbar.html"%>
</head>
<body>




<div class="container-fluid" id="divTableTotal">
	<div class="col-lg-12 col-md-12 col-sm-12 btnDivCss">
		<button class="btn btn-info" id="reser_list"><s:message code="GET_RESERVATION_LIST"/></button>

		<button class="btn btn-warning" id="login_btn"><s:message code="REGISTER"/></button>

		<button class="btn btn-info" id="active_btn"><s:message code="ACTIVI_FREEZR"/></button>
		<%--<input  id="upload_btn"  type="file" class="form-control  file" accept=".xls,.xlsx" style="display: none" />
		<button class="btn btn-warning" id="import"><s:message code="ID_IMPORT"/></button>

		<button class="btn btn-primary" id="down"><s:message code="IMPORT_STENCIL"/></button>--%>

		<button class="btn btn-primary" id="remove_btn"><s:message code="DELETE"/></button>

	</div>

	<div class="col-lg-6 col-md-6 col-sm-6" id="leftDiv">
		<fieldset>
			<legend><s:message code="MAKE_AN_APPOINTMENT"/> </legend>
		</fieldset>
		<form>

			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label">
					<s:message code="RESERVATION_TYPE"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="reservation_type"  class="form-control" style="width: 100%;">
						<option value="FTHL">预约保留</option>
						<%--<option value="FTRW">预约重工</option>
						<option value="FTAJ">预约调整</option>--%>
						<%--<option value="FTSM">预约抽检</option>--%>
					</select>
				</div>
			</div>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label" for ="grade">
					<s:message code="GRADE" /></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<input id="grade" class="form-control"/>
				</div>
			</div>


			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="product_code" >
					<s:message code="PRODUCT_CODE"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="product_code"  class="form-control" style="width: 100%;">
						<option value=""> </option>
					</select>
				</div>
			</div>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="bad_id" >
					<s:message code="BAD"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<input id="bad_id" class="form-control"/>
				</div>
			</div>


			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="route_code" >
					<s:message code="ROUTE_CODE"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="route_code"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4  control-label"  for ="wo_id" >
					<s:message code="WO_NUM_TAG"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<input id="wo_id" class="form-control"/>
				</div>
			</div>


			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4  control-label"  for ="route_ver" >
					<s:message code="ROUTE_VER"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="route_ver"  class="form-control" style="width: 100%;">
						<option value=""> </option>
					</select>
				</div>
			</div>
			<%--////////hiden--%>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6" hidden>
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="lot_id" >
					<s:message code="LOT_ID_TAG"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<input id="lot_id" class="form-control"/>
				</div>
			</div>


			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="ope_no" >
					<s:message code="OPE_NO_TAG"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="ope_no"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="reason_id" >
					<s:message code="REASON_NO_TAG"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="reason_id"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>


			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="ope_id" >
					<s:message code="PROC_ID_TAG"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="ope_id"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="ope_note" >
					<s:message code="REMARK_TAG"/></label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<textarea class="form-control" id="ope_note"></textarea>
				</div>
			</div>
			<div class="form-group col-xs-6 col-md-6 col-sm-6 col-lg-6">
				<label class="col-xs-4 col-md-4 col-sm-4 col-lg-4 control-label"  for ="tool_id" >
					<s:message code="TOOL_ID_TAG"/> </label>
				<div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 col-md-pull-1 col-sm-pull-1 col-lg-pull-1">
					<select id="tool_id"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
		</form>
	</div>

	<div class="col-lg-2 col-md-2 col-sm-2" id="moddleDiv" >
		<fieldset>
			<legend> <s:message code="PLEASE_ENTER__PRODUCT_ONLY_CODE"/> </legend>
			<div class="col-lg-12 col-md-12 col-sm-12" id="rsnInfoGrdDiv">
				<div style="position:absolute; height:200px; width: 200px; overflow:auto">
					<textarea id="prd_seq_id" cols="40" rows="20" class="form-group"><c:forEach items="${list}" var="id">${id}</c:forEach></textarea>
				</div>
			</div>
		</fieldset>
		<div id="radioGroup" style="position: absolute; left: 20px;bottom: -240px" class="col-lg-12 col-md-12 col-sm-12">
			<label class="radio-inline">
				<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="0"> <s:message code="KEEP_FRONT_STATION"/>
			</label>
			<label class="radio-inline">
				<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="1" checked> <s:message code="KEEP_BEHIND_STATION"/>
			</label>
		</div>
	</div>




	<div class="col-lg-4 col-md-4 col-sm-4" id="rightDiv">
		<form class="form-horizontal">
			<fieldset>
				<legend><s:message code="RESERVATION_PLAN"/> </legend>
			</fieldset>

			<div class="form-group" hidden>
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="res_product_code" style="text-align: left"><s:message code="RESERVATION_PRODUCT_CODE"/></label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<select id="res_product_code"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="res_path_id" style="text-align: left"><s:message code="BOOKING_THE_ROUTE_CODE"/> </label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<select id="res_path_id"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="res_path_ver" style="text-align: left"><s:message code="BOOKING_THE_ROUTE_VER"/></label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<select id="res_path_ver"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="res_ope_no" style="text-align: left"><s:message code="BOOKING_OPERATION_CODE"/></label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<select id="res_ope_no"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="res_ope_id" style="text-align: left"><s:message code="BOOKING_PROCESS_CODE"/> </label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<select id="res_ope_id"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="res_tool" style="text-align: left"><s:message code="APPOINT_DEVICE_CODE"/></label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<select id="res_tool"  class="form-control" style="width: 100%;"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-lg-5 col-md-5 col-sm-5 col-md-push-1 col-sm-push-1 col-lg-push-1" for="reserWorkId" style="text-align: left"><s:message code="MAKE_ORDER_NUMBER"/> </label>
				<div class="controls col-lg-4 col-md-4 col-sm-4 col-md-pull-1 col-lg-pull-1 col-sm-pull-1">
					<input id="reserWorkId" class="form-control">
				</div>
			</div>

			<div class="dropdown controls col-lg-5 col-md-5 col-sm-5 col-lg-offset-1" id="futhSlotDiv" hidden>
				<button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm btn-info">
					预约子格位
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" aria-labelledby="dLabel">
					<div id="checkList">
							<pre>
 001<input type="checkbox" value="001"> 002<input type="checkbox" value="002"> 003<input type="checkbox" value="003"> 004<input type="checkbox" value="004"> 005<input type="checkbox" value="005"> 006<input type="checkbox" value="006"> 007<input type="checkbox" value="007"> 008<input type="checkbox" value="008">
 009<input type="checkbox" value="009"> 010<input type="checkbox" value="010"> 011<input type="checkbox" value="011"> 012<input type="checkbox" value="012"> 013<input type="checkbox" value="013"> 014<input type="checkbox" value="014"> 015<input type="checkbox" value="015"> 016<input type="checkbox" value="016">
 017<input type="checkbox" value="017"> 018<input type="checkbox" value="018"> 019<input type="checkbox" value="019"> 020<input type="checkbox" value="020"> 021<input type="checkbox" value="021"> 022<input type="checkbox" value="022"> 023<input type="checkbox" value="023"> 024<input type="checkbox" value="024">
 025<input type="checkbox" value="025"> 026<input type="checkbox" value="026"> 027<input type="checkbox" value="027"> 028<input type="checkbox" value="028"> 029<input type="checkbox" value="029"> 030<input type="checkbox" value="030"> 031<input type="checkbox" value="031"> 032<input type="checkbox" value="032">
 033<input type="checkbox" value="033"> 034<input type="checkbox" value="034"> 035<input type="checkbox" value="035"> 036<input type="checkbox" value="036"> 037<input type="checkbox" value="037"> 038<input type="checkbox" value="038"> 039<input type="checkbox" value="039"> 040<input type="checkbox" value="040">
 041<input type="checkbox" value="041"> 042<input type="checkbox" value="042"> 043<input type="checkbox" value="043"> 044<input type="checkbox" value="044"> 045<input type="checkbox" value="045"> 046<input type="checkbox" value="046"> 047<input type="checkbox" value="047"> 048<input type="checkbox" value="048">
 049<input type="checkbox" value="049"> 050<input type="checkbox" value="050"> 051<input type="checkbox" value="051"> 052<input type="checkbox" value="052"> 053<input type="checkbox" value="053"> 054<input type="checkbox" value="054"> 055<input type="checkbox" value="055"> 056<input type="checkbox" value="056">
 057<input type="checkbox" value="057"> 058<input type="checkbox" value="058"> 059<input type="checkbox" value="059"> 060<input type="checkbox" value="060">
							</pre>
					</div>
				</ul>

			</div>
		</form>
	</div>
	<div class="col-lg-12 col-md-12 col-sm-12 UnderDiv" id="boxListInfo">
		<fieldset>
			<legend> <s:message code="RESERVATION_LIST"/>  </legend>
			<div class="col-lg-12 col-md-12 col-sm-12" id="prdInfoGrdDiv">
				<table id="prdInfoGrd"></table>
				<div id="prdInfoPg"></div>
			</div>
		</fieldset>
	</div>
</div>

</div>
<!-- 上传 -->
<div id="uploadModel" class="modal fade" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title">导入ID单</h4>
			</div>
			<div class="modal-body">
				<form id="uploadForm" action="upload.do" method="post"
					  enctype="multipart/form-data">
					<input type="file" name="file" id="fileinput" />

					<%--<input type="submit" value="Submit" />--%>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button id="uploadBtn" type="button" class="btn btn-primary">导入</button>
			</div>
		</div>
	</div>
</div>
<%@ include file="/page/comPage/comJS.html"%>
<script src="js/page/2000/2800.js"></script>
<script src="lib/fileinput/js/xlsx.full.min.js"></script>
<iframe name="hiddenForm" frameborder="0" style="display: none;"></iframe>
</body>
</html>
